.amap-animation {
  position: absolute;
  padding-left: 12px;
  padding-right: 12px;
}
.amap-animation > div:nth-child(1) {
  animation: slide-in 1s ease-out forwards;
}
.amap-animation > div:nth-child(2) {
  animation: slide-in 1s ease-out forwards;
}
@keyframes slide-in {
  from {
    display: flex;
    opacity: 0.5;
    transform: translateY(100%);
  }
  to {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }
}
.triangle {
  position: absolute;
  top: -20px;
  /* 初始位置在视图上方 */
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 50px 0 50px;
  /* 创建三角形 */
  border-color: #000 transparent transparent transparent;
  /* 边框颜色 */
  animation: drop-down 1s ease-out forwards;
}
@keyframes drop-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.listIcon {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 18px;
  right: 16px;
}
